<!--
此文件为开发者工具生成，生成时间: 2024/3/9下午9:20:19
使用方法：
在 C:\Users\27109\Documents\HBuilderProjects\SFS\unpackage\dist\dev\mp-weixin\pages\topic\topicByChannel.wxml 引入模板

```
<import src="topicByChannel.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 C:\Users\27109\Documents\HBuilderProjects\SFS\unpackage\dist\dev\mp-weixin\pages\topic\topicByChannel.wxss 中引入样式
```
@import "./topicByChannel.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="data-v-b072e39a">
      <view class="u-navbar navbar--u-navbar data-v-f631659b navbar--data-v-f631659b">
        <view class="data-v-f631659b navbar--data-v-f631659b u-navbar--fixed navbar--u-navbar--fixed">
          <view class="u-status-bar bar--u-status-bar data-v-eb8e0cdd bar--data-v-eb8e0cdd" style="height:20px;background-color:transparent;"></view>
          <view class="u-navbar__content navbar--u-navbar__content data-v-f631659b navbar--data-v-f631659b" style="height:44px;background-color:transparent">
            <view class="u-navbar__content__left navbar--u-navbar__content__left data-v-f631659b navbar--data-v-f631659b" hover-class="u-navbar__content__left--hover" hover-start-time="150">
              <view class="u-icon u-icon--u-icon data-v-ac70166d u-icon--data-v-ac70166d u-icon--right u-icon--u-icon--right">
                <text class="u-icon__icon u-icon--u-icon__icon data-v-ac70166d u-icon--data-v-ac70166d uicon-arrow-left u-icon--uicon-arrow-left sk-transparent sk-text-0-0000-775 sk-text" style="font-size:20px;line-height:20px;font-weight:normal;top:0px;color:white;;"></text>
              </view>
            </view>
            <text class="u-line-1 navbar--u-line-1 u-navbar__content__title navbar--u-navbar__content__title data-v-f631659b navbar--data-v-f631659b sk-transparent sk-text-14-2857-442 sk-text" style="width: 220px; color: white; background-position-x: 50%;">设置背景</text>
          </view>
        </view>
      </view>
      <view class="top data-v-b072e39a sk-image" style="background-image:url(http://127.0.0.1:9000/school/f28c9bf8-6064-4160-850f-5115982d4f0c.jpg)"></view>
      <view class="top-left data-v-b072e39a">
        <view class="data-v-b072e39a" style="display:flex;flex-direction:column">
          <view class="data-v-b072e39a" style="display:flex;align-items:center">
            <view class="u-avatar avatar--u-avatar data-v-34d954f9 avatar--data-v-34d954f9 u-avatar--square avatar--u-avatar--square" style="background-color:transparent;width:70px;height:70px;;">
              <image class="u-avatar__image avatar--u-avatar__image data-v-34d954f9 avatar--data-v-34d954f9 u-avatar__image--square avatar--u-avatar__image--square sk-image" mode="scaleToFill" style="width:70px;height:70px;"></image>
            </view>
            <view class="data-v-b072e39a" style="padding-left:20px;color:white;display:flex;flex-direction:column;justify-content:flex-start">
              <text class="data-v-b072e39a sk-transparent sk-text-14-2857-335 sk-text">幸福时光</text>
              <text class="data-v-b072e39a sk-transparent sk-text-14-2857-654 sk-text" style="font-size:14px">99999&nbsp;幸福小天使</text>
            </view>
          </view>
          <text class="u-line-1 data-v-b072e39a sk-transparent sk-text-14-2857-221 sk-text" style="color:#FFFFFF;padding:20px 0">分享生活中的幸福瞬间，传递正能量的频道</text>
        </view>
      </view>
      <view class="content data-v-b072e39a">
        <view is="components/Blog" class="data-v-b072e39a">
          <view class="blog-wrapper Blog--blog-wrapper">
            <view>
              <view class="top Blog--top">
                <view class="top-left Blog--top-left">
                  <view class="u-avatar avatar--u-avatar data-v-34d954f9 avatar--data-v-34d954f9 u-avatar--circle avatar--u-avatar--circle" style="background-color:transparent;width:40px;height:40px;;">
                    <image class="u-avatar__image avatar--u-avatar__image data-v-34d954f9 avatar--data-v-34d954f9 u-avatar__image--circle avatar--u-avatar__image--circle sk-image" mode="scaleToFill" style="width:40px;height:40px;"></image>
                  </view>
                  <text class="nick-name Blog--nick-name sk-transparent sk-text-14-2857-197 sk-text">逗萝大露</text>
                </view>
                <image class="custom-style Blog--custom-style sk-image"></image>
              </view>
              <view class="content Blog--content">
                <view>
                  <view class="u-read-more more--u-read-more data-v-4bc7fe29 more--data-v-4bc7fe29">
                    <view class="u-read-more__content more--u-read-more__content data-v-4bc7fe29 more--data-v-4bc7fe29" style="height:22px;text-indent:0">
                      <view class="u-read-more__content__inner more--u-read-more__content__inner data-v-4bc7fe29 more--data-v-4bc7fe29 u32eZGFLRE2BLFkbbjWbHigY6zOudmfn more--u32eZGFLRE2BLFkbbjWbHigY6zOudmfn">
                        <view is="uni_modules/uview-plus/components/u-parse/u-parse">
                          <view id="5c0bc883--_root" style="true" class="_root parse--_root">
                            <view style="true" class="_block node--_block _span node--_span undefined node--undefined">
                              <text decode="true" class="sk-transparent sk-text-14-2857-920 sk-text">彩云</text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="u-grid grid--u-grid data-v-10b668c8 grid--data-v-10b668c8" style="justify-content:flex-start;">
                    <view class="u-grid-item item--u-grid-item data-v-0a78094b item--data-v-0a78094b" hover-class="u-grid-item--hover-class" hover-stay-time="200" style="background:transparent;width:33.333333333333336%;">
                      <view>
                        <image lazy-load="true" class="file-item-multi Blog--file-item-multi sk-image" mode="aspectFill"></image>
                      </view>
                    </view>
                    <view class="u-grid-item item--u-grid-item data-v-0a78094b item--data-v-0a78094b" hover-class="u-grid-item--hover-class" hover-stay-time="200" style="background:transparent;width:33.333333333333336%;">
                      <view>
                        <image lazy-load="true" class="file-item-multi Blog--file-item-multi sk-image" mode="aspectFill"></image>
                      </view>
                    </view>
                    <view class="u-grid-item item--u-grid-item data-v-0a78094b item--data-v-0a78094b" hover-class="u-grid-item--hover-class" hover-stay-time="200" style="background:transparent;width:33.333333333333336%;">
                      <view>
                        <image lazy-load="true" class="file-item-multi Blog--file-item-multi sk-image" mode="aspectFill"></image>
                      </view>
                    </view>
                    <view class="u-grid-item item--u-grid-item data-v-0a78094b item--data-v-0a78094b" hover-class="u-grid-item--hover-class" hover-stay-time="200" style="background:transparent;width:33.333333333333336%;">
                      <view>
                        <image lazy-load="true" class="file-item-multi Blog--file-item-multi sk-image" mode="aspectFill"></image>
                      </view>
                    </view>
                  </view>
                </view>
                <view class="topic-wrapper Blog--topic-wrapper sk-transparent">
                  <view class="topic Blog--topic sk-transparent sk-text-14-2857-299 sk-text">#</view>
                  <text style="color:black;font-weight:bolder;font-size:12px" class="sk-transparent sk-text-14-2857-339 sk-text">幸福时光~</text>
                </view>
                <view class="btn-wrapper Blog--btn-wrapper">
                  <view style="display:flex;align-items:center" class="sk-transparent">
                    <image class="btn-img Blog--btn-img sk-image"></image>
                    <text class="sk-transparent sk-text-14-2857-601 sk-text">&nbsp;分享</text>
                  </view>
                  <view style="display:flex;align-items:center">
                    <image class="btn-img Blog--btn-img sk-image"></image>
                    <text class="sk-transparent"></text>
                  </view>
                  <view style="display:flex;align-items:center">
                    <image class="btn-img Blog--btn-img sk-image"></image>
                    <text class="sk-transparent sk-text-14-2857-109 sk-text">&nbsp;0</text>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view is="components/Blog" class="data-v-b072e39a">
          <view class="blog-wrapper Blog--blog-wrapper">
            <view>
              <view class="top Blog--top">
                <view class="top-left Blog--top-left">
                  <view class="u-avatar avatar--u-avatar data-v-34d954f9 avatar--data-v-34d954f9 u-avatar--circle avatar--u-avatar--circle" style="background-color:transparent;width:40px;height:40px;;">
                    <image class="u-avatar__image avatar--u-avatar__image data-v-34d954f9 avatar--data-v-34d954f9 u-avatar__image--circle avatar--u-avatar__image--circle sk-image" mode="scaleToFill" style="width:40px;height:40px;"></image>
                  </view>
                  <text class="nick-name Blog--nick-name sk-transparent sk-text-14-2857-618 sk-text">逗萝大露</text>
                </view>
                <image class="custom-style Blog--custom-style sk-image"></image>
              </view>
              <view class="content Blog--content">
                <view>
                  <view class="u-read-more more--u-read-more data-v-4bc7fe29 more--data-v-4bc7fe29">
                    <view class="u-read-more__content more--u-read-more__content data-v-4bc7fe29 more--data-v-4bc7fe29" style="height:22px;text-indent:0">
                      <view class="u-read-more__content__inner more--u-read-more__content__inner data-v-4bc7fe29 more--data-v-4bc7fe29 uMsjRxkuxOGsUDOQ3k1CMqJ8JRODwBB4 more--uMsjRxkuxOGsUDOQ3k1CMqJ8JRODwBB4">
                        <view is="uni_modules/uview-plus/components/u-parse/u-parse">
                          <view id="16a6e395--_root" style="true" class="_root parse--_root">
                            <view style="true" class="_block node--_block _span node--_span undefined node--undefined">
                              <text decode="true" class="sk-transparent sk-opacity">1</text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="u-grid grid--u-grid data-v-10b668c8 grid--data-v-10b668c8" style="justify-content:flex-start;"></view>
                </view>
                <view class="topic-wrapper Blog--topic-wrapper sk-transparent">
                  <view class="topic Blog--topic sk-transparent sk-text-14-2857-755 sk-text">#</view>
                  <text style="color:black;font-weight:bolder;font-size:12px" class="sk-transparent sk-text-14-2857-582 sk-text">幸福时光~</text>
                </view>
                <view class="btn-wrapper Blog--btn-wrapper">
                  <view style="display:flex;align-items:center" class="sk-transparent">
                    <image class="btn-img Blog--btn-img sk-image"></image>
                    <text class="sk-transparent sk-text-14-2857-850 sk-text">&nbsp;分享</text>
                  </view>
                  <view style="display:flex;align-items:center">
                    <image class="btn-img Blog--btn-img sk-image"></image>
                    <text class="sk-transparent"></text>
                  </view>
                  <view style="display:flex;align-items:center">
                    <image class="btn-img Blog--btn-img sk-image"></image>
                    <text class="sk-transparent sk-text-14-2857-402 sk-text">&nbsp;0</text>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  }
}
</script>

<style lang="scss">
/*
此文件为开发者工具生成，生成时间: 2024/3/9下午9:20:19

在 C:\Users\27109\Documents\HBuilderProjects\SFS\unpackage\dist\dev\mp-weixin\pages\topic\topicByChannel.wxss 中引入样式
```
@import "./topicByChannel.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
  color: transparent !important;
}
.sk-text-0-0000-775 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 36.2319rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-442 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-335 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-654 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 35.5072rpx;
  position: relative !important;
}
.sk-text-14-2857-221 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-197 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 27.8986rpx;
  position: relative !important;
}
.sk-text-14-2857-920 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 38.0435rpx;
  position: relative !important;
}
.sk-text-14-2857-299 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-339 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 30.4348rpx;
  position: relative !important;
}
.sk-text-14-2857-601 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-109 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-618 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 27.8986rpx;
  position: relative !important;
}
.sk-opacity {
  opacity: 0 !important;
}
.sk-text-14-2857-755 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-582 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 30.4348rpx;
  position: relative !important;
}
.sk-text-14-2857-850 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-text-14-2857-402 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797rpx;
  position: relative !important;
}
.sk-image {
  background: #EFEFEF !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}

</style>
